﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Producer</title>
	
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	<link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" />
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/chili-1.7.pack.js"></script>
	<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
	<script type="text/javascript" src="js/jquery.colorbox.js"></script>
			<script type="text/javascript">
				$(document).ready(function(){
					//Examples of how to assign the ColorBox event to elements
					$("a[rel='example1']").colorbox();
					$("a[rel='example2']").colorbox({transition:"fade"});
					$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
					$("a[rel='example4']").colorbox({slideshow:true});
					$(".single").colorbox({}, function(){
						alert('Howdy, this is an example callback.');
					});
					$(".colorbox").colorbox();
					$(".youtube").colorbox({iframe:true, width:650, height:550});
					$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});
					$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});

					//Example of preserving a JavaScript event for inline calls.
					$("#click").click(function(){ 
						$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
						return false;
					});
				});
			</script>
	
	
</head>

<body>
<div id="header">
	<div id="header_bar">
		<div id="logo">
			<a href="#"></a>
		</div>
		
		<div id="navigation">
			<ul>
				<li><a href="index.html">home</a></li>
				<li><a href="services.html">services</a></li>
				<li><a href="portfolio.html">portfolio</a></li>
				<li><a href="about.html">about</a></li>
				<li class="active"><a href="archives.html">archives</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>
	</div>
</div>

<div id="subpage_header">
	<div id="subpage_bg" style="background: url('images/services_bg.jpg') no-repeat center center;">
		<div class="subpage_center">
			<div id="breadcrumbs">
				<a href="#">home</a> \
			</div>
			<div id="subpage_heading">
				<h2>Blog Overview</h2>
			</div>
		</div>
	</div>	
</div>

<div id="subpage_main">
	<div id="content_bar">
		<div id="content_nav">
			<ul id="main_content_slider">
				<li><a href="#" class="activeSlide">Overview</a></li>
				<li><a href="#">Archives</a></li>
			</ul>
		</div>
		<div id="search">
			<form action="test.php" method="post">
                <input onblur="if(this.value == '') this.value='Search' ;" onfocus="if(this.value == 'Search') this.value='';" value="Search" type="text" />
            </form>
		</div>
	</div>
	<div id="content">
		<div id="content_left">
			
		

				<div id="subpage">
						
					<div class="blogpost">
						<h1><a href="#">This is a sample blogpost/news item</a></h1>	
						<div class="post-meta">October 20th, 2009 | <a href="#">2 Comments</a></div>
						<p><img src="images/blog_sample.jpg" alt="Sample Image" /></p>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tempus est ac lacus vulputate euismod dictum leo sollicitudin. Maecenas euismod, felis eget interdum bibendum, tellus purus malesuada lorem, non rutrum leo diam eu tortor.</p>
						<p><a href="#">Read More</a></p>
					</div>
					
					<div class="blogpost">
						<h1><a href="#">This is a sample blogpost/news item</a></h1>	
						<div class="post-meta">October 20th, 2009 | <a href="#">2 Comments</a></div>
						<p><img src="images/blog_sample.jpg" alt="Sample Image" /></p>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tempus est ac lacus vulputate euismod dictum leo sollicitudin. Maecenas euismod, felis eget interdum bibendum, tellus purus malesuada lorem, non rutrum leo diam eu tortor.</p>
						<p><a href="#">Read More</a></p>
					</div>
						
				</div><!-- end subpage -->
					
		</div>
		
		<div id="sidebar">
			<div class="ads">
				<a href="http://themeforest.net/user/innuma?ref=innuma"><img src="images/tf_big.gif" alt="Themeforest" /></a>
			</div>
			<h3>Categories</h3>
			<ul>
				<li><a href="#">Latest News</a></li>
				<li><a href="#">Wordpress</a></li>
				<li><a href="#">Themeforest</a></li>
				<li><a href="#">Nettuts</a></li>
				<li><a href="#">Miscellaneous</a></li>
			</ul>
			<div class="divider"></div>
			<h3>Sponsors</h3>
			<ul>
				<li><a href="#">Themeforest</a></li>
				<li><a href="http://innuma.com">Innuma Themes</a></li>
				<li><a href="http://epicsdesign.com">Epics Design</a></li>
			</ul>
			<div class="divider"></div>
			<h3>What's Next?</h3>
			<a href="#" class="quote">Request a free online quote</a>
			<a href="#" class="contact">Contact us with any questions</a>
			<div id="featured_testimonial"><a href="#"></a></div>
			<div id="sidebar_testimonial">
				<p>Vivamus dui felis, tempor et aliquam elementum, mollis a urna. Proin vitae erat turpis, in tempus felis. Vestibulum lacinia mi et odio pharetra suscipit. Praesent arcu nisl, imperdiet vel euismod eget, rutrum sit amet massa.</p>
				<span class="person">Ben Reeger, MN</span>
				<span class="company">Reeger Co.</span>
			</div>
		</div>
	</div>
	<div id="content_bottom"></div>
	
	<div id="subpage_linkbox">
		
		<div id="subpage_wrap">	
			<div id="subpage_links_top"></div>
				<div id="subpage_links">
					<div class="subpage_link_box">
						<h4>Popular Services</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
					<div class="subpage_link_box">
						<h4>Recent Articles</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
					<div class="subpage_link_box">
						<h4>New in the Portfolio</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
				</div>
			<div id="subpage_links_bottom"></div>
		</div>
			
		<div id="advert">
			<a href="#"><img src="images/sample_ad.jpg" alt="advert" /></a>
		</div>
		
	</div>
	
	<div id="footer">
		<div class="copyright">
			Copyright &copy; 2009 Producer Inc. All rights reserved.Collect from
			<a href="#">Terms of Use</a> |
			<a href="#">Privacy Policy</a>
		</div>
		<div class="footer_nav">
			<ul>
				<li><a href="index.html">home</a></li>
				<li><a href="#">services</a></li>
				<li><a href="#">portfolio</a></li>
				<li><a href="#">about</a></li>
				<li><a href="#" class="active">archives</a></li>
				<li><a href="#">contact</a></li>
			</ul>
		</div>
	</div>
</div>


</body>
</html>